<template>
  <Select v-model="data.modelVal" @on-change="data.change" :clearable="prop.clearable" style="width: 200px">
    <Option v-for="item in data.list" :value="item.value" :key="item.value" :placeholder="prop.placeholder">{{
      item.label
    }}</Option>
  </Select>
</template>
<script setup lang="ts">
import type { selectComp } from "./class";
type Props = {
  instance: selectComp;
};

const props = defineProps<Props>();

const data = props.instance.getData();
const prop = props.instance.getProps();
console.log(prop);
</script>
<style lang="scss" scoped></style>
